import React from 'react'
import { NavBar, Tabs } from 'antd-mobile'
function Index() {
       const list=[
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
        {
            a:'北京-三亚G157',
            b:'03车11号',
            c:'2022-03-04至2022-08-06',
            d:'￥182'
        },
       ]
    
  return (
    <div>
        <NavBar>全部订单</NavBar>
        <Tabs>
          <Tabs.Tab title='全部' key='fruits'>
        {
            list.map((v,i)=>{
                return <div key={i}>
                    <h2>{v.a}</h2>
                    <span>{v.b}</span>
                    <span>{v.c}</span>
                    <span>{v.d}</span>
                </div>
            })
        }
          </Tabs.Tab>
          <Tabs.Tab title='待出行' key='vegetables'>
            待出行
          </Tabs.Tab>
          <Tabs.Tab title='待支付' key='animals'>
            待支付
          </Tabs.Tab>
          <Tabs.Tab title='退款/已取消' key='111'>
            退款/已取消
          </Tabs.Tab>
        </Tabs>

    </div>
  )
}

export default Index